/**
 * Created by xjl on 2016/12/13.
 */
$(function () {
    // 用户名正则表达式 以及 判断
    var uname_reg = /^[\u4e00-\u9fa5]{4,20}$|^[\dA-Za-z_\-]{4,20}$/;
    var uname_ok = false;
    $("#form-name").focus(function () {
        $(this).attr("placeholder", "");
        $(this).next().css("display", "block");
    });
    $("#form-name").blur(function () {
        if ($(this).val() == "") {
            $(this).attr("placeholder", "您的账户名和登录名");
            $(this).next().css("display", "none");
            uname_ok = false;
        } else if ($(this).val().length < 4 || $(this).val().length > 20) {
            // 长度不对
            $(this).next().css("color", "red");
            $(this).next().find(".error-content").text("长度只能在4-20个字符之间");
            $(this).parent().css("border-color", "red");
            $(this).next().find("i").removeClass("icon-cuowu").addClass("icon-tingzhi");
            uname_ok = false;
        } else if (!$(this).val().match(uname_reg)) {
            // 有特殊字符
            $(this).next().css("color", "red");
            $(this).next().find(".error-content").text("格式错误, 仅支持中文, 字母, 数字, \"-\", \"_\"的组合");
            $(this).parent().css("border-color", "red");
            $(this).next().find("i").removeClass("icon-cuowu").addClass("icon-tingzhi");
            uname_ok = false;
        } else {
            // 判断成功
            uname_ok = true;
            $(this).next().css("display", "none");
            $(this).parent().css("border-color", "green");
            $(this).parent().find(".glyphicon").addClass("glyphicon-ok").css("color", "green");
        }

    });


    // 密码正则表达式 以及 判断
    var pwd_reg = /^(?![A-Z]+$)(?![a-z]+$)(?!\d+$)(?![\W_]+$)\S{6,20}$/;
    var pwd_ok = false;
    $("#form-pwd").focus(function () {
        $(this).attr("placeholder", "");
        $(this).next().css("display", "block")
    });
    $("#form-pwd").blur(function () {
        if ($(this).val() == "") {
            $(this).attr("placeholder", "建议至少使用两种字符组合");
            $(this).next().css("display", "none");
            pwd_reg = false;
        } else if ($(this).val().length < 6 || $(this).val().length > 20) {
            // 长度不对
            $(this).next().find("i").removeClass("icon-cuowu").addClass("icon-tingzhi");
            $(this).next().css("color", "red").find(".error-content").text("长度只能在6-20个字符之间");
            $(this).parent().css("border-color", "red");
            pwd_ok = false;
        } else {
            // 判断成功
            pwd_ok = true;
            $(this).next().css("display", "none");
            $(this).parent().css("border-color", "green");
            $(this).parent().find(".glyphicon").addClass("glyphicon-ok").css("color", "green");
        }

    });

    // 再次密码输入框获取焦点
    var confirm_pwd_ok = false;
    $("#form-equalTopwd").focus(function () {
        $(this).attr("placeholder", "");
        $(this).next().css("display", "block");
    });
    $("#form-equalTopwd").blur(function () {
        if ($(this).val() == "") {
            $(this).attr("placeholder", "请再次输入密码");
            $(this).next().text('');
            confirm_pwd_ok = false;
        } else if ($(this).val() != $("#form-pwd").val()) {
            // 再次输入的密码不一致
            $(this).next().find("i").removeClass("icon-cuowu").addClass("icon-tingzhi");
            $(this).next().css("color", "red").find(".error-content").text("两次输入的密码不一致");
            $(this).parent().css("border-color", "red");
            confirm_pwd_ok = false;
        } else {
            confirm_pwd_ok = true;
            $(this).next().css("display", "none");
            $(this).parent().css("border-color", "green");
            $(this).parent().find(".glyphicon").addClass("glyphicon-ok").css("color", "green");
        }
    });


    // 手机号码输入框获取焦点
    var phone_reg = /^1[3|4|5|7|8]\d{9}$/;
    var phone_ok = false;
    $("#form-phone").focus(function () {
        $(this).attr("placeholder", "");
        $(this).next().css("display", "block");
    });
    $("#form-phone").blur(function () {
        if ($(this).val() == "") {
            $(this).attr("placeholder", "建议使用常用手机");
            $(this).next().html("");
            phone_ok = false;
        } else if ($(this).val().length != 11) {
            // 长度不对
            $(this).next().find("i").removeClass("icon-cuowu").addClass("icon-tingzhi");
            $(this).next().css("color", "red").find(".error-content").text("格式有错");
            $(this).parent().css("border-color", "red");
            phone_ok = false;
        } else if (!$(this).val().match(phone_reg)) {
            // 输入的不是手机号码
            $(this).next().find("i").removeClass("icon-cuowu").addClass("icon-tingzhi");
            $(this).next().css("color", "red").find(".error-content").text("格式有错");
            $(this).parent().css("border-color", "red");
            phone_ok = false;
        } else {
            phone_ok = true;
            $(this).next().css("display", "none");
            $(this).parent().css("border-color", "green");
            $(this).parent().find(".glyphicon").addClass("glyphicon-ok").css("color", "green");
        }
    });

});